<%@ include file="htmlHead.jsp" %>
<link rel="stylesheet" type="text/css" href="${path}/css/register.min.css" />
</head>
<%@ page pageEncoding="utf-8" %>
<body>

<div id="glodon_content_wrap">
    <%@ include file="header.jsp" %>
    <div id="glodon_container">
    	<div class="glodon_section_wrap ">
           <div class="mod-register">
               <form method="post" action="${path}/addUser" id="register_form" class="regist-form">
                   <input type="hidden" name="service" value="${param['service']}"/>
                   <input type="hidden" name="identity" value="${param['openid.identity']}"/>
                   <input type="hidden" name="claimedId" value="${param['openid.claimed_id']}"/>
	   			   <input type="hidden" name="userId" value="${param['userId']}"/>
                   <div id="glodon_register_container" class="clearfix">
                       <ul>
                           <li class="clearfix">
                                <h2 class="signIn login-titlerow">注册账号</h2>
                           </li>
                           <li class="clearfix">
                               <div class="control-group">
                                   	<div class="controls" id="email-register">
                                   		<label for="glodon_email" class="inp-label username-label">请输入 email 或 11 位手机号码</label>
                                    	<input type="text" name="accountName" class="text" id="glodon_account_name" placeholder="请输入 email 或 11 位手机号码" value="${param['email']}" autocomplete="off" autofocus="true" maxlength="50" />
                                    	<span class="successtip"></span>
                                   	</div>
                               </div>
                           </li>
                           <li class="clearfix">
                               <div class="control-group">
                                   <div class="controls">
                                   		<label for="glodon_password" class="inp-label password-label">请输入密码</label>
                                       	<input type="password" name="password" class="glodon_password" id="glodon_password" placeholder="请输入密码" maxlength="16" />
                                       	<span class="successtip"></span>
                                   </div>
                               </div>
                           </li>
                           <li class="clearfix">
                               <div class="control-group">
                                   <div class="controls">
                                   		<label for="glodon_password_confirm" class="inp-label repassword-label">请重复输入密码</label>
                                       	<input type="password" name="passwordConfirm" class="glodon_password" id="glodon_password_confirm" placeholder="请重复输入密码" maxlength="16" />
                                       	<span class="successtip"></span>
                                   </div>
                                   <div class="controls">
                                   	<p>密码为 6-16 位字符（字母、数字、字符），区分大小写</p>
                                   	<div class="password-power">密码强度 <span class="empty"></span><span class="empty"></span><span class="empty"></span><span class="empty"></span></div>
                                   </div>
                               </div>
                           </li>
                           <li class="clearfix"> 
                            <div class="control-group" id="verify_code">
                            	<div class="controls">
                                    <span>
                                    	<label for="inp-captcha" class="inp-label captcha-label">请输入验证码</label>
                                    	<input type="text" id="inp-captcha" class="inp-captcha" name="captchaValue" maxlength="4" autocomplete="off"  placeholder="请输入验证码" />
                                    	<span class="successtip"></span>
                                    </span>
                                    <span id="captcha"></span>
                                   	<span id="paas_login_change">看不清? </span>
                                </div>
                            </div>	
                           </li>
                       </ul>
                   </div>
                   <div id="glodon_reg_error" class="${param.error == true ? 'login_error' : ''}"></div>
                   <div id="glodon_register_submit">
                       <span><a href="#" class="btn btn-primary btn-large">提交信息</a></span>
                   </div>
                   <div class="error-msg" id="error-msg"></div>
                   <div class="glodon-login">
                       <a style="color:white" class="btn btn-large btn-warning" href="/account/login?service=${param['service']}&hybrid=${param['hybrid']}&oauth_token=${param['oauth_token']}&openid.identity=${param['openid.identity']}&openid.claimed_id=${param['openid.claimed_id']}&userId=${param['userId']}&email=${param['email']}">登 录</a>
                   </div>
               </form>
           </div>
           <div class="mod-login-triangle"></div>
         </div>
    </div>
    <%@ include file="footer.jsp" %>

</div>
<script>
	window.rootPath = "${path}";
</script>
<script src="${path}/js/register.min.js"></script>
</body>
</html>
